// 检测鼠标是否出现在了一个元素的外面

import type { Ref } from 'vue'

export default function useMounseOutAside(elementRef: Ref<HTMLElement | null>, e: MouseEvent) {
  if (elementRef.value) {
    const { x, y, width, height } = elementRef.value.getBoundingClientRect()
    if (x > e.clientX || y > e.clientY || x + width < e.clientX || y + height < e.clientY) {
      return true // 鼠标在元素外面
    }
  }
  return false // 鼠标在元素里面
}
